<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> 
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0">
<title>活动图集</title>

	<script>document.write('<script src="../../plugin/vue/js/import.js?' + Math.random() + '"><' + '/script>');</script>

<script>
	_import("../../plugin/vue/js/before.js");
</script>

<style>
.infinite-list-wrapper {
    height: calc(100vh - 5px);
    text-align: center;
    background: #e8f3fe;
}
li{
   list-style-type :none;
}
</style>
</head>
<body>
	<div id="app" class="container" v-cloak>	
	 <div class="panel-body">
		     <div class="grid-content">
	             <div class="infinite-list-wrapper" style="overflow:auto;">
				    <ul class="list w-pl0"
				      v-infinite-scroll="load"
				      infinite-scroll-disabled="disabled">
				      <li v-for="(item,index) in datalist"  :key="index" class="list-item">
			          <template	v-if="item.file_type=='image'">	         
				              <el-image  :src="item.convert_url" lazy :preview-src-list="preImg(item)">		           
						      </el-image>  		
				      </template>	
		              <template	v-else>									                                                      
				          <video :src="item.url" controls="controls" style="width: 300px; "></video>
					  </template>   
				      
				      </li>
				    </ul>
				    <p v-if="loading">加载中...</p>
				    <p v-if="noMore">没有更多了</p>
				  </div>        
         	</div> 	
       </div>
	</div>
</body>
<script>
	_import("../../plugin/vue/js/after.js?type=0");
</script>
  <script>
        _import("js/list2.js");
  </script>
</html>